:root {
    /* background-image: linear-gradient(
  295deg,
  hsl(240deg 100% 20%) 0%,
  hsl(259deg 100% 23%) 18%,
  hsl(279deg 100% 27%) 28%,
  hsl(298deg 100% 30%) 36%,
  hsl(318deg 100% 33%) 41%,
  hsl(337deg 100% 37%) 46%,
  hsl(357deg 100% 40%) 52%,
  hsl(16deg 100% 43%) 59%,
  hsl(36deg 100% 47%) 71%,
  hsl(55deg 100% 50%) 100%
); */
    --shadow-color: 286deg 36% 56%;
    --shadow-elevation-low: 0.3px 0.3px 0.6px hsl(var(--shadow-color) / 0.18),
      0.6px 0.5px 1px -0.6px hsl(var(--shadow-color) / 0.29),
      1.2px 1.2px 2.2px -1.3px hsl(var(--shadow-color) / 0.39);
    --shadow-elevation-medium: 0.3px 0.3px 0.6px hsl(var(--shadow-color) / 0.19),
      1.2px 1.2px 2.2px -0.4px hsl(var(--shadow-color) / 0.27),
      2.8px 2.6px 5px -0.9px hsl(var(--shadow-color) / 0.36),
      6.2px 5.8px 11.1px -1.3px hsl(var(--shadow-color) / 0.44);
    --shadow-elevation-high: 0.3px 0.3px 0.6px hsl(var(--shadow-color) / 0.17),
      2.5px 2.3px 4.4px -0.2px hsl(var(--shadow-color) / 0.21),
      4.4px 4.2px 7.9px -0.4px hsl(var(--shadow-color) / 0.25),
      6.8px 6.4px 12.2px -0.6px hsl(var(--shadow-color) / 0.29),
      10.1px 9.4px 18px -0.7px hsl(var(--shadow-color) / 0.33),
      14.8px 13.9px 26.5px -0.9px hsl(var(--shadow-color) / 0.37),
      21.5px 20.1px 38.4px -1.1px hsl(var(--shadow-color) / 0.41),
      30.6px 28.7px 54.7px -1.3px hsl(var(--shadow-color) / 0.45);
}